<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet" />
<link href="css/acfood.css" rel="stylesheet" type="text/css" />
<!--[if IE7]>
<style media="all" type="text/css">
	.naviBox .searchArea #srchBtn {
		text-indent:-9999px;
        font-size:1px;
        margin:0;
        padding:0;
        text-align:right;
	}
</style>
<![endif]-->


<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	var timeout         = 10000;
	var closetimer		= 0;
	var ddmenuitem      = 0;
	
	function jsddm_open()
	{	jsddm_canceltimer();
		jsddm_close();
		ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
	
	function jsddm_close()
	{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
	
	function jsddm_timer()
	{	closetimer = window.setTimeout(jsddm_close, timeout);}
	
	function jsddm_canceltimer()
	{	if(closetimer)
		{	window.clearTimeout(closetimer);
			closetimer = null;}}
	
	$(document).ready(function()
	{	$('#jsddm > li').bind('mouseover', jsddm_open);
		$('#jsddm > li').bind('mouseout',  jsddm_timer);});
	
	document.onclick = jsddm_close;
</script>

<!-- main feature toggle --> 
<script type="text/javascript">

	$(document).ready(function() {
		// hides the slickbox as soon as the DOM is ready
		
		// (a little sooner than page load)
		$("#feature2").hide();
		$("#feature3").hide();
		
		$("#showFeature1").click(function() { 
			// hides matched elements if shown, shows if hidden
			$("#feature2, #feature3").fadeOut();
			$("#feature1").fadeIn();
		});
		
		$("#showFeature2").click(function() { 
			// hides matched elements if shown, shows if hidden
			$("#feature1, #feature3").fadeOut();
			$("#feature2").fadeIn();
		});
		
		$("#showFeature3").click(function() { 
			// hides matched elements if shown, shows if hidden
			$("#feature1, #feature2").fadeOut();
			$("#feature3").fadeIn();
		});
	
	});
	
	$(function() {
		$("#tabs").tabs();
	});
</script>

<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="ui/jquery.ui.tabs.js"></script>

</head>

<body>
<div class="pageBG">
  <div class="mainContainer">
    <div class="header">
      <div class="angelescityfood"> <img src="images/angelescityfood4u.jpg" width="126" height="119" /> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
    </div>
    <div class="naviBox">
      <div>
        <ul id="jsddm">
          <li><a href="template.html">Home</a></li>
          <li><a href="#">Restaurants</a>
            <ul class="sub-menu">
              <li><a href="#">Restaurants in Hotels</a></li>
              <li><a href="#">Fast Food</a> </li>
              <li><a href="#">Delicatessens &quot;Deli&quot;</a></li>
            </ul>
          </li>
          <li><a href="#">Cuisine</a>
            <ul>
              <li><a href="#">American</a></li>
              <li><a href="#">Asian</a> </li>
              <li><a href="#">Barbeque</a></li>
              <li><a href="#">Casual Dining</a></li>
              <li><a href="#">Chinese</a></li>
              <li><a href="#">European</a></li>
              <li><a href="#">Filipino</a></li>
              <li><a href="#">Fine Dining</a></li>
              <li><a href="#">French</a></li>
              <li><a href="#">Greek</a></li>
              <li><a href="#">Grill</a></li>
              <li><a href="#">Indian</a></li>
              <li><a href="#">International</a></li>
              <li><a href="#">Italian</a></li>
              <li><a href="#">Japanese</a></li>
              <li><a href="#">Korean</a></li>
              <li><a href="#">Local Speciality</a></li>
              <li><a href="#">Malaysian</a></li>
              <li><a href="#">Mediterranean</a></li>
              <li><a href="#">Middle Eastern</a></li>
              <li><a href="#">Mongolian</a></li>
              <li><a href="#">Seafood</a></li>
              <li><a href="#">Buffet (all you can eat)</a></li>
              <li><a href="#">Sports</a></li>
              <li><a href="#">Videoke / Karaoke</a></li>
              <li><a href="#">Vegetarian</a></li>
            </ul>
          </li>
          <li><a href="#">Caterers</a></li>
          <li><a href="#">Locations</a>
            <ul>
              <li><a href="#">Agapito del Rosario</a></li>
              <li><a href="#">Amsic</a></li>
              <li><a href="#">Anunas</a></li>
              <li><a href="#">Balibago</a></li>
              <li><a href="#">Capaya</a></li>
              <li><a href="#">Claro M. Recto</a></li>
              <li><a href="#">Cuayan</a></li>
              <li><a href="#">Cutcut</a></li>
              <li><a href="#">Cutud</a></li>
              <li><a href="#">Lourdes North West</a></li>
              <li><a href="#">Lourdes Sur (Talimundoc)</a></li>
              <li><a href="#">Lourdes Sur East</a></li>
              <li><a href="#">Malabañas</a></li>
              <li><a href="#">Margot</a></li>
              <li><a href="#">Marisol (Ninoy Aquino)</a></li>
              <li><a href="#">Mining</a></li>
              <li><a href="#">Pampang (Santo Niño)</a></li>
              <li><a href="#">Pandan</a></li>
              <li><a href="#">Pulungbulo</a></li>
              <li><a href="#">Pulung Cacutud</a></li>
              <li><a href="#">Pulung Maragul</a></li>
              <li><a href="#">Salapungan</a></li>
              <li><a href="#">San José</a></li>
              <li><a href="#">San Nicolas</a></li>
              <li><a href="#">Santa Teresita</a></li>
              <li><a href="#">Santa Trinidad</a></li>
              <li><a href="#">Santo Cristo</a></li>
              <li><a href="#">Santo Domingo</a></li>
              <li><a href="#">Santo Rosario (Población)</a></li>
              <li><a href="#">Sapalibutad</a></li>
              <li><a href="#">Sapangbato</a></li>
              <li><a href="#">Tabun</a></li>
              <li><a href="#">Virgen Delos Remedios</a></li>
            </ul>
          </li>
          <li><a href="contactus.html">Contact us</a></li>
        </ul>
      </div>
      <div class="searchArea">
        <form id="form1" name="form1" method="post" action="">
          <div class="searchBox">
            <input type="text" name="srcInput" id="srcInput" />
            <input type="submit" name="srchBtn" id="srchBtn" value="." />
          </div>
        </form>
      </div>
    </div>
    <!-- end of header -->
    
    <!-- feature box -->
    <div class="featureBox">
        <div class="mainFeature">
        	<a id="feature1" href="#"><img src="images/mainfeature.jpg" width="759" height="198" border="0" /></a>
            <a id="feature2" href="#"><img src="images/mainfeature2.jpg" width="759" height="198" border="0" /></a>
            <a id="feature3" href="#"><img src="images/mainfeature3.jpg" width="759" height="198" border="0" /></a>
        </div>
        <div class="selectFeature">
            <div class="boxes"><a href="#" id="showFeature1"><img src="images/feature-box1.png" width="180" height="47" border="0" /></a></div>
            <div class="boxes"><a href="#" id="showFeature2"><img src="images/feature-box2.png" width="180" height="47" border="0" /></a></div>
            <div class="boxes"><a href="#" id="showFeature3"><img src="images/feature-box3.png" width="180" height="47" border="0" /></a></div>
        </div>
    </div>
    <!-- end of feature box -->
    
    <!-- start of main box -->
      <div class="mainBox">
        <div class="leftBox">
          <div class="featureletBox">
            <div class="featureLets"> <img src="images/featureletBox.jpg" width="171" height="96" />
              <h3>title goes here</h3>
              <p>Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat.</p>
              <p class="readDetails"><a href="#">read more.</a></p>
            </div>
            <div class="featureLets"> <img src="images/featureletBox.jpg" width="171" height="96" />
              <h3>title goes here</h3>
              <p>Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat.</p>
              <p class="readDetails"><a href="#">read more.</a></p>
            </div>
            <div class="featureLets"> <img src="images/featureletBox.jpg" width="171" height="96" />
              <h3>title goes here</h3>
              <p>Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat.</p>
              <p class="readDetails"><a href="#">read more.</a></p>
            </div>
            <div class="featureLast"> <img src="images/featureletBox.jpg" width="171" height="96" />
              <h3>title goes here</h3>
              <p>Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed, aliquam eget erat.</p>
              <p class="readDetails"><a href="#">read more.</a></p>
            </div>
          </div>
          <div id="tabs" class="categoryContainer" style="border:none;">
            <div class="categoryTabHolder">
              <ul class="headerx">
                <li style="	border:none; background:none; margin:0; padding:0"><a href="#tabs-1" class="byCuisine">By Location</a></li>
                <li><a href="#tabs-2" class="byLocation">By Cuisine</a></li>
                <li><a href="#tabs-3" class="byCaterers">By Caterers</a></li>
              </ul>
            </div>
            <div class="categoryMainContainer">
              <div class="top"></div>
              <div class="middle">
              	<div id="tabs-1">
					11111111. Nunc tellus tortor, faucibus adipiscing laoreet   eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed,   aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus   adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis   eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet   eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed,   aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus   adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis   eget lacinia sed, aliquam eget erat.
                </div>
				<div id="tabs-2">
                	22222222. Nunc tellus tortor, faucibus adipiscing laoreet   eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed,   aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus   adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis   eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet   eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed,   aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus   adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis   eget lacinia sed, aliquam eget erat.
                </div>
				<div id="tabs-3">
					33333333. Nunc tellus tortor, faucibus adipiscing laoreet   eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed,   aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus   adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis   eget lacinia sed, aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus adipiscing laoreet   eget, venenatis eu sapien. Aenean metus orci, mattis eget lacinia sed,   aliquam eget erat. Nullam nec nisi justo. Nunc tellus tortor, faucibus   adipiscing laoreet eget, venenatis eu sapien. Aenean metus orci, mattis   eget lacinia sed, aliquam eget erat.
                </div>
                </div>
              <div class="bottom"></div>
            </div>
          </div>
        </div>
        <!-- side bar -->
        <div class="rightBox">
          <div class="sideAdBox"><img src="images/shopbuddy.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/marketwatch.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/side-adbox.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/googleads.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/side-adbox.gif" width="180" height="135" /></div>
        </div>
        <!-- end side bar -->
      </div>
    <!-- end of main box -->
    <!-- footer area -->
    </div>
    <div class="footer"> Copyright © 2010 ACFood4U.com! Inc. All rights reserved. </div>
  </div>
</body>
</html>
